<template>
  <div>
    具名title
<slot name="title"></slot>
<hr>
<hr>
具名main
<div>
<slot name="main"></slot>
</div>
<hr>
默认
<slot></slot>
<hr>
具名 footer
<slot name="footer"></slot>
  </div>
</template>

<script>
export default {
  data () {
    return {
      uname: {
        as: 'pyz',
        bs: 'hs'
      }
    }
  }
}
</script>

<style>

</style>
